<!--
 * @Descripttion: 
 * @Author: YuZhenJing
 * @Date: 2020-02-17 10:43:06
 * @LastEditors: YuZhenJing
 * @LastEditTime: 2020-03-24 18:47:43
 -->
<template>
  <div class="nav-tree-main">
    <div class="nav-menu-box">
      <nav-menu-test :navData="data" default-active="/built-in-test"></nav-menu-test>
    </div>
  </div>
</template>

<script>
export default {
  components: {
    'nav-menu-test': require('./NavMenu').default
  },
  data() {
    return {
      data: [
        {
          funListCode: 'home',
          funListName: '首页',
          funListIcon: 'las la-home',
          funListUrl: '/home'
        },
        {
          funListCode: '1',
          funListType: 'group',
          funListName: '资源管理',
          funListIcon: 'las la-cog',
          children: [
            {
              funListCode: '1-1',
              funListName: '安全管理',
              funListType: 'group',
              children: [
                {
                  funListCode: '1-1-1',
                  funListName: '用户管理',
                  funListUrl: '/user-list'
                },
                {
                  funListCode: '1-1-2',
                  funListName: '角色管理',
                  funListUrl: '/role-list'
                }
              ]
            },
            {
              funListCode: '1-2',
              funListName: '系统配置',
              funListUrl: '/system-conf'
            }
          ]
        },
        {
          funListCode: '2',
          funListName: '帮助中心',
          funListType: 'group',
          funListIcon: 'las la-hands-helping',
          children: [
            {
              funListCode: '2-1',
              funListName: '移动端驱动测试',
              funListType: 'group',
              children: [
                {
                  funListCode: '2-1-1',
                  funListName: '原生插件测试',
                  funListType: 'group',
                  children: [
                    {
                      funListCode: '2-1-1-1',
                      funListName: '相机测试',
                      funListUrl: '/camera-test'
                    }
                  ]
                },
                {
                  funListCode: '2-1-2',
                  funListName: '平台测试',
                  funListType: 'group',
                  children: [
                    {
                      funListCode: '2-1-2-1',
                      funListName: 'Android端',
                      funListType: 'group',
                      children: [
                        {
                          funListCode: '2-1-2-1-1',
                          funListName: '内置应用',
                          funListUrl: '/built-in-test'
                        },
                        {
                          funListCode: '2-1-2-1-2',
                          funListName: '第三方应用',
                          funListUrl: '/other-test'
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              funListCode: '2-2',
              funListName: 'PC端驱动测试',
              funListType: 'group',
              children: [
                {
                  funListCode: '2-2-1',
                  funListName: '总控接口测试',
                  funListUrl: '/asm-api'
                }
              ]
            }
          ]
        }
      ]
    }
  }
}
</script>
<style lang="stylus" scope>
.nav-menu-box
  border solid 1px red
  margin 5px auto
  width 200px
  padding 10px
  text-align left
  background #f2f2f2
</style>
